.header-container
    .header
      color: #fff
      background: #8ca82b
      div
        height: 40px
        width: 1200px
        margin: 0 auto
        display: flex
        // justify-content: space-between
        line-height: 40px
        div
          width: 180px
        .l
          position: relative
          margin: 0
          width: 150px
          .pos
            position: absolute
            left: 0
            top: 40px
            width: 350px
            height: 400px
            background: #708d0d
            opacity: .8
            display: flex
            flex-direction: column
            z-index: 99
            display: none
            img
              width: 100%
              height: 100%
        .l:hover .pos
            display: block
        .fl
          display: flex
          align-items: center
          text-align: center
          i
            display: inline-block
            height: 15px
            width: 15px
            background: url(../../img/header/401位置.png) no-repeat
            background-size: contain
            margin: 0
            margin-right: 7px
        .fr
          display: flex
          align-items: center
          i
            display: inline-block
            height: 25px
            width: 25px
            background: url(../../img/header/箭头_列表展开_o.png) no-repeat
            background-size: contain
            margin: 0
            margin-left: 7px
        .ul
          // flex: 1
          display: flex
          li
            padding: 0 25px
            a
              color: #fff
              font-size: 13px
          ul
            position: absolute
            width:
            // display: none
        .r:hover
          background: #a5c532
        ul li:hover
          background: #a5c532
    header
      height: 100px
      width: 1200px
      background: #fff
      display: flex
      // justify-content: space-between
      margin: 0 auto
    .l
      position: relative
      height: 100%
      img
        height: 35px
        width: 300px
      p
        position: absolute
        right: 95px
        top: 55%
        font-weight: bold
        font-size: 12px
    .c
      height: 100%
      margin: 0 20px 0 350px
      img
        height: 45px
        width: 150px
    .r
      height: 100%
      width: 30%
      display: flex
      justify-content: space-around
      // line-height: 100%
      .login
        // display: flex
        // justify-content: space-around
        i
          display: inline-block
          height: 15px
          width: 15px
          background: url(../../img/header/我的.png) no-repeat
          background-size: contain
          margin-right: 7px
      .weixin
        display: flex
        align-items: center
        a
          display: inline-block
          height: 15px
          width: 15px
          background: url(../../img/header/微信.png) no-repeat
          background-size: contain
      .weibo
        display: flex
        align-items: center
        a
          display: inline-block
          height: 15px
          width: 15px
          background: url(../../img/header/新浪微博.png) no-repeat
          background-size: contain
      .phone
        display: flex
        align-items: center
        i
          display: inline-block
          height: 15px
          width: 15px
          background: url(../../img/header/电话.png) no-repeat
          background-size: contain
          margin: 0
          margin-right: 5px
      .bor
        height: 15px
        width: 1px
        background: #000
        margin: 0 10px

.flex-center
  display: flex
  align-items: center
